<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>化学品登记软件及数据库系统</title>
<meta name="keywords" content="化学品登记软件及数据库系统">
<meta name="description" content="化学品登记软件及数据库系统">

<link rel="stylesheet" href="../static/css/style.css" >
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" >
    <link rel="stylesheet" href="../static/css/neon-core.min.css" >
    <link rel="stylesheet" href="../static/css/neon-theme.min.css">
    <link rel="stylesheet" href="../static/css/neon-forms.min.css" >
    <link rel="stylesheet" type="text/css" href="../static/css/styles.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
    <style type="text/css">
        form .form-group div span.Validform_wrong {margin: 5px 0 5px 0;float: none;color: red;}
    </style>
    <script src="../static/js/jquery-1.8.3.min.js"></script>
    <script src="../static/js/common.js"></script>
<body class="signin  pace-done login">
<div class="pace  pace-inactive">
    <div class="pace-progress" data-progress-text="100%" data-progress="99" style="width: 100%;">
  <div class="pace-progress-inner">

  </div>
</div>
<div class="pace-activity">

    <section>
        <div class="panel panel-signup">
            <div class="panel-body">
                <div class="logo text-center">
                    <h2 class="title text-uppercase text-bold m-none">化学品登记软件及数据库系统企业注册</h2>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12" style="padding:0px;">
                        <form id="editbasicinfo" role="form" method="post" action="/submitRegister/" enctype="multipart/form-data" class="form-horizontal form-groups-bordered registerForm">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">企业全称</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="enterprise_name" placeholder="请输入园区名称" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">法人代表</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="legal_representative" placeholder="请输入法人代表" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">组织机构代码</label>
                                <div class="col-sm-8">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <span>-</span>
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <span>（</span>
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <input class="limit" type="text" name="organization_code" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);" value="" datatype="n">
                                    <span>）</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">工商注册号</label>
                                <div class="col-sm-8">
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                    <input class="limit" type="text" name="registration_No" maxlength="1" onkeydown="tabKeyDown(this,event)" onkeyup="return tabOnEnter (this, event);"  value="" datatype="n" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">工商注册地址</label>
                                <div class="col-sm-8">
                                    <select class="choose-city form-control" id="s_province" name="register_add0" datatype="*"  >
                                    </select>
                                    <select class="choose-city form-control" id="s_city" name="register_add1" datatype="*"  >
                                    </select>
                                    <select class="choose-city form-control" id="s_county" name="register_add2" datatype="*">
                                    </select>
                                    <input type="text" style="width:200px;" class="choose-city form-control" name="register_add_detail" placeholder="请输入详细地址" value="" datatype="*" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">企业类型</label>
                                <div class="col-sm-8">
                                    <select name="enterprise_type" datatype="*" class="form-control">
                                        <option value="">--请选择--</option>
                                        <option value="1">重点环境管理类危险化学品企业</option>
                                        <option value="2">其它危险化学品企业</option>
                                        <option value="3">非危险化学品企业</option>
                                    </select></td>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">所属工业园区全称</label>
                                <div class="col-sm-8">
                                   <!-- <input type="text" name="area" class="form-control" placeholder="请输入" value=""> -->
                                   <select name="industry_park_name" datatype="*" class="form-control">
                                       <option value="">--请选择--</option>
                                       {% for p in park %}
                                        <option value="{{ p.id }}">{{p.name}}</option>
                                       {% endfor %}
                                    </select></td>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">经办人</label>
                                <div class="col-sm-8">
                                    <input type="text" name="fill_people" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">电话</label>
                                <div class="col-sm-8">
                                    <input type="text" name="mobile_phone" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">传真</label>
                                <div class="col-sm-8">
                                    <input type="text" name="fax" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">Mail</label>
                                <div class="col-sm-8">
                                    <input type="text" name="mail" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">邮政编码</label>
                                <div class="col-sm-8">
                                    <input type="text" name="postal_code" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">用户名</label>
                                <div class="col-sm-8">
                                    <input type="text" name="username" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                                {{ error }}
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 datatype="*" control-label">密码</label>
                                <div class="col-sm-8">
                                    <input type="text" name="password" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">确认密码</label>
                                <div class="col-sm-8">
                                    <input type="text" name="repassword" class="form-control" placeholder="请输入" value="" datatype="*">
                                </div>
                            </div>
                             <div class="form-group">
                                <label class="col-sm-3 control-label">验证码</label>
                                <div class="col-sm-8">
                                    <input type="text" datatype="code" id="recheckcode" style="width:120px;" class="form-control" placeholder="请输入" value="">
                                    <input type="button" id="checkCode" class="code" style="width:80px;position:relative;top:2px;" value="" onclick="code(5)" /> 
                                    <a href="javascript:;" onclick="code(5)" style="text-decoration:underline;color:blue;">看不清楚</a>
                                </div>
                            </div>
                            <div class="clearfix" style="padding-top:20px;">
                            <div class="pull-left" style="margin-top:20px;margin-left:50px;">
                            </div>
                            <div class="pull-right" style="margin-top:20px;margin-right:130px;">
                                <input type="submit" class="btn btn-success" value="创建新的企业账户"/> <i class="fa fa-angle-right ml5"></i>
                            </div>
                        </div>
                    </form>
                    </div>
                </div>

                



            </div><!-- panel-body -->
            <div class="panel-footer"><br>
                <a href="/login/" class="btn btn-primary btn-block">已经注册了账户? 马上登录</a><br>
            </div><!-- panel-footer -->
        </div><!-- panel -->

    </section>

<script src="../static/js/city-choose.js"></script>
<script src="../static/js/demo/js/Validform_v5.3.2_min.js"></script>
<script>
    $(function(){
        $("#editbasicinfo").Validform({
            tiptype:3,
            tipSweep:true,
            label:".label",
            postonce:true,
            ignoreHidden:true,
            showAllError:true,
            datatype:{
              "rmb":/^\[0-9]{1,6}([\.]\[0-9]{1,3})?$/,
              "rmbs":/^$|^\[0-9]{1,6}([\.]\[0-9]{1,3})?$/,
              "number":/^[0-9]*[1-9][0-9]*$/,
              "xhx":/^$|^[0-9-]*$/,
              "sz":/^$|^[0-9]*$/,
              "str":/^[a-zA-Z]+$/,
              "select":/^[1-9]*[1-9][0-9]*$/,
              "img":/^(([a-zA-Z0-9_]+):(\\.+))|([a-zA-Z0-9_]+)(.JPEG|.jpeg|.JPG|.jpg|.GIF|.gif|.BMP|.bmp|.PNG|.png)$/,
              "imgs":/^$|^(([a-zA-Z0-9_]+):(\\.+))|([a-zA-Z0-9_]+)(.JPEG|.jpeg|.JPG|.jpg|.GIF|.gif|.BMP|.bmp|.PNG|.png)$/,
              "code":function(){
                var recheckCodeV = $("#recheckcode").val();
                var checkCodeV = $("#checkcode").val();
                if (recheckCodeV != checkCodeV) {
                    return false;
                }
              }
            }
        });
    });
</script>
<script type="text/javascript">
    $(function(){
        code(5);
        $(document).area("s_province","s_city","s_county");//调用插件
        $("#s_province").trigger("change") 
    })
    ;(function(namespace){
        var code = function(codelength){
            return new code.fn.init(codelength);
        }
        code.fn = code.prototype = {
            constructor:code,
            init:function(codelength){
                var recheckCode = document.getElementById("recheckCode");
                var checkCode = document.getElementById('checkCode');
                checkCode.style.backgroundColor = "rgb(240, 252, 188)";
                checkCode.style.border = "1px solid #ccc";
                checkCode.style.padding = "3px 0px";
                checkCode.style.color = "rgb(22, 137, 63)";
                checkCode.style.fontSize = "16px";
                checkCode.style.fontWeight = "bold";
                var codeStr = '';
                var len = codelength || 4;
                for (var i = 0; i < len; i++) {
                    var codeArr = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 'S','T','U','V','W','X','Y','Z');
                    var index = Math.floor(Math.random()*36);
                    codeStr += codeArr[index];
                };
                checkCode.value=codeStr;
            }
        }
        namespace.code = code;
    })(window);
</script>
</div>
</div>
</body>
</html>